<!DOCTYPE html>
<html>
<head>
  <title>propsData option</title>
  <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
  <div id="app">
    {{newPrice}}
  </div>
  <script type="text/javascript">
    var app = new Vue({
      el:"#app",
      data: {
        price: 100
      },
      computed: {
        newPrice: function(){
          return this.price = "￥" + this.price + "元";
        }
      }
    })
  </script>
</body>
</html>